.title-div {padding: 0px 60px; width: 1200px; font-size: 40px;}
.info-div {padding: 0px 60px; width: 1200px; font-size: 20px; margin-top: 10px;}
.info-div2 {padding: 0px 60px; width: 1300px; font-size: 24px; margin-top: 10px;}

.worldcup-div {padding: 0px 60px; width: 1200px; height: 650px; margin: 0 auto; margin-top: 30px; box-shadow: 0 0 13px #ccc;}
.worldcup-div2 {padding: 0px 60px; width: 1200px; height: 1350px; margin: 0 auto; margin-top: 30px; box-shadow: 0 0 13px #ccc;}

.img-div { width: 36px; height: 24px; border: 1px solid #ccc; position: absolute; }
.img-div .img { width: 100%; height: 100%; }
.img-div .img2 { width: 18px; height: 18px; margin-top: 3px; margin-left: 9px; }
.shadwo { box-shadow: 0 0 13px #ccc; }
.left-group-div { position: absolute; left: -70px; width: 60px; height: 24px; line-height: 24px; font-size: 12px; text-align: right; }
.right-group-div { position: absolute; right: -70px; width: 60px; height: 24px; line-height: 24px; font-size: 12px; }
.left-div { position: absolute; left: 43px; width: 100px; height: 24px; line-height: 24px; font-size: 13px; }
.right-div { position: absolute; right: 43px; width: 100px; height: 24px; line-height: 24px; font-size: 13px; text-align: right; }

/*圆*/
.circular-div { position: absolute; top: 300px; left: 800px; width: 0px; height: 200px; border-radius: 200px; border: 2px solid #099dff; }

table { border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
th { text-align: center; }
td { text-align: center; }
tr th,tr td { text-align: center; border-bottom: 1px solid #e3e3e3; }
.kuohao81left{ position:absolute;top:15px;width:5px;background-color: #9f9f9f; left:108px;height:110px; }
.kuohao81right{ position:absolute;top:15px;width:5px;background-color: #9f9f9f; right:108px;height:110px; }
.kuohao41left{ position:absolute;top:15px;width:5px;background-color: #9f9f9f; left:108px;height:150px; }
.kuohao41right{ position:absolute;top:15px;width:5px;background-color: #9f9f9f; right:108px;height:150px; }
.kuohao21left{ position:absolute;top:15px;width:5px;background-color: #9f9f9f; left:108px;height:305px; }
.kuohao21right{ position:absolute;top:15px;width:5px;background-color: #9f9f9f; right:108px;height:305px; }

.record-title-left{ position:absolute;top:5px;width:100px;height:30px;line-height:40px;font-size:20px;font-weight:bold;text-align:left; }
.record-title-right{ position:absolute;top:5px;width:100px;height:30px;line-height:40px;font-size:20px;font-weight:bold;text-align:right; }
.record{ position:absolute;width:60px;height:60px;line-height:20px;text-align:left;font-size:12px;font-weight:bold; }
.record-8-top-1-1{ top: 50px; }
.record-8-top-1-2{ top: 90px; }
.record-8-top-1-3{ top: 160px; }
.record-8-top-2-1{ top: 200px; }
.record-8-top-2-2{ top: 240px; }
.record-8-top-2-3{ top: 300px; }
.record-8-top-3-1{ top: 350px; }
.record-8-top-3-2{ top: 390px; }
.record-8-top-3-3{ top: 460px; }
.record-8-top-4-1{ top: 500px; }
.record-8-top-4-2{ top: 540px; }
.record-8-top-4-3{ top: 610px; }

.record-4-top-1-1{ top: 105px; }
.record-4-top-1-2{ top: 160px; }
.record-4-top-1-3{ top: 255px; }
.record-4-top-2-1{ top: 405px; }
.record-4-top-2-2{ top: 465px; }
.record-4-top-2-3{ top: 555px; }

.record-2-top-1-1{ top: 190px; }
.record-2-top-1-2{ top: 327.5px; }
.record-2-top-1-3{ top: 495px; }

.record-final-top-1-1{ top: 342.5px; }
.record-final-top-1-2{ top: 327.5px; }
.record-final-top-2-1{ top: 555px; }
.record-final-top-2-2{ top: 540px; }

.guanya{ position:absolute;top: 287.5px;left: 565px;width:100px;height:30px;line-height:40px;text-align:left;font-size:20px;font-weight:bold; }
.sansi{ position:absolute;top: 500px;left: 565px;width:100px;height:30px;line-height:40px;text-align:left;font-size:20px;font-weight:bold; }

.eighth-left{ left: 0px; }
.eighth-right{ right: 0px; }
.quarter-left{ left: 150px; }
.quarter-right{ right: 150px; }
.semi-left{ left: 300px; }
.semi-right{ right: 300px; }
.final-left{ left: 450px; }
.final-right{ right: 450px; }
.final{ left: 575px; }

.group-name{ position: absolute; width: 40px; height: 20px; text-align: center; font-size: 18px; }
.group-item{ position: absolute; width: 500px; height: 200px; }
.group-name-left1{ left: 5px; }
.group-name-left2{ left: 50px; }
.group-name-right1{ right: 555px; }
.group-name-right2{ right: 50px; }
.group-top1{ top: 20px; }
.group-top2{ top: 350px; }
.group-top3{ top: 680px; }
.group-top4{ top: 1010px; }

.group-record1{ position:absolute; width: 50px; }
.group-record2{ position:absolute; width: 40px; }
.group-record-top1{ top: 230px; }
.group-record-top2{ top: 270px; }
.group-record-top3{ top: 310px; }
.group-record-top4{ top: 560px; }
.group-record-top5{ top: 600px; }
.group-record-top6{ top: 640px; }
.group-record-top7{ top: 890px; }
.group-record-top8{ top: 930px; }
.group-record-top9{ top: 970px; }
.group-record-top10{ top: 1220px; }
.group-record-top11{ top: 1260px; }
.group-record-top12{ top: 1300px; }
.group-record-left1{ left: 100px; }
.group-record-left2{ left: 150px; }
.group-record-left3{ left: 220px; }
.group-record-left4{ left: 300px; }
.group-record-left5{ left: 350px; }
.group-record-left6{ left: 420px; }
.group-record-right1{ right: 100px; }
.group-record-right2{ right: 180px; }
.group-record-right3{ right: 220px; }
.group-record-right4{ right: 300px; }
.group-record-right5{ right: 380px; }
.group-record-right6{ right: 420px; }